<template>
    <div v-if="attr.checked">
        <dragInput v-model="attr.x" title="X" :max="attr.pageSize.width" :disabled="attr.lock"/>
        <dragInput v-model="attr.y" title="Y" :max="attr.pageSize.height" :disabled="attr.lock"/>   
        <dragInput v-model="attr.width" title="宽度" :max="attr.pageSize.width" :disabled="attr.lock"/>
        <dragInput v-model="attr.height" title="高度" :max="attr.pageSize.height" :disabled="attr.lock"/>   
        <selectInput v-model="attr.state" title="状态" :options="[{value:0,title:'关'},{value:1,title:'开'}]"/>
        <selectInput v-model="attr.lock" title="锁定" :options="[{value:false,title:'否'},{value:true,title:'是'}]"/>
    </div>
</template>
<script>
import dragInput from "./../../tools/dragInput"
import selectInput from "./../../tools/selectInput"
export default {
    name:'pilotLampDetail',
    components: { dragInput,selectInput },
    props:{
        attr:{type:Object,default:{}}
    }
}
</script>